草庐IT

HTML5 pushstate 和 SEO 链接

全部标签

javascript - 在 Canvas HTML 上重绘大量对象

有没有一种快速有效的方法可以在canvas中移动大量对象?基本上,如果有大约1000个对象,并且我想一次移动所有对象以模拟滚动,则通过调用drawImage()1000多次来重绘每个对象会非常慢。有没有办法优化这个?我有一个问题的示例链接(而且只有100个对象):http://craftyjs.com/isometric/ 最佳答案 由于canvas不提供快速低级位图复制,因此很难在多个图层中执行操作,例如一次滚动整个背景然后只渲染边缘。那你能做什么?简而言之,什么都没有。尤其是在滚动时,当你有一个或多或少的静态背景时,你肯定可以用

javascript - HTMl+SVG+JavaScript : change text at runtime?

我准备将一些基于Flash的应用程序迁移到HTML+JavaScript+SVG(单一目标渲染引擎是Webkit)。我对SVG完全陌生,我想知道我是否可以使用SVG作为模板图像来填充屏幕并从HTML页面中嵌入的JavaScript代码动态更改包含的文本。我想做的是:在Inkscape中绘制页面的基本结构(带有一些图形和文本占位符),然后仅在HTML页面中显示SVG并通过JavaScript填充文本占位符。我可以通过在背景中显示静态SVG图像并在其顶部放置一些绝对定位的DIV来显示文本来获得相同的结果,但是我'我想在Inkscape中设计文本标签的位置、大小和样式。这能做到吗?怎么办?我

javascript - 如何使用 HTML5 Canvas 而不是 Debug Draw 来绘制我的 Box2D 世界?

我非常了解HTML5Canvas,我了解使用循环等的基础知识和动画。我正在使用的演示:(单击以制作形状)http://henry.brown.name/experiments/box2d/example-canvas.html我不太熟悉的是Box2D。我正在使用Box2DWeb端口,听说它比Box2D-js更新,我不确定哪个最好。我知道如何初始化“世界”并且我可以在世界中放置对象。然后,我使用Step为世界设置动画-但是到目前为止,为了在屏幕上显示它,我只能使用debugdraw来让它工作,因为它基本上会为你做所有事情。我不想使用调试绘图,而是使用Canvas来绘制,例如一辆汽车,而不

javascript - 在 html5 本地存储中存储音频文件 - 使用 javascript 下载音频文件

我搜索了一下,发现html5不支持直接存音频。我会将音频转换为base64字符串,然后存储在本地存储中。我正在使用jplayer开发一个html5音频播放器应用程序。我在服务器上有音频,我需要将它们存储在本地存储中,所以我需要用javascript下载音频文件。有没有办法用javascript下载音频文件?任何帮助将不胜感激。 最佳答案 本地存储的大小往往有限(5mb左右?找不到引用资料)所以这不太可能很好地工作。您也许可以查看使用HTML5AppCache或FilesystemAPI.

javascript - 如何为链接创建 onclick

我有一个div,我在运行时为其动态设置值,如果有值比我启用或创建一个链接,该链接将具有onclick方法,其中我将调用一个javascript方法。如何在jquery或javascript中做到这一点?我将值设置为div,如下所示,document.getElementById('attachmentName').innerHTML=projectInforamtionMap.Cim_AttachmentNames;这是div:请帮我找到并修复。最好的问候 最佳答案 你可以设置一个onclick函数:document.getElem

javascript - Mixpanel - 跟踪所有链接并获取链接值

与其设置ID并为每个链接设置单独的跟踪事件(我的代码经常更改),我想知道是否有一种方法可以设置Mixpanel来跟踪所有链接(甚至按钮)并获得链接的值eg"/readmore"这样我就不必为每种可能性编写代码。我查看了MixpanelJavascriptAPI引用并阅读了关于mixpanel.track_links的内容,这似乎是我正在寻找的正确方向,但我必须预先指定一个"name"会用相同的名称注册所有事件吗?这是来自mixpanelapi引用的一些示例代码://withpropertiesfunctionmixpanel.track_links("#footer","Footerl

javascript - Chrome 应用,在新标签页中打开链接

我正在构建一个chrome应用程序,它只会在chrome的新标签页中打开一个链接,例如“http://www.cnn.com/”。我的manifest.json中有以下代码{"manifest_version":2,"name":"CNN","version":"2.1","permissions":["webview","pointerLock","geolocation","videoCapture"],"app":{"background":{"scripts":["main.js"]}}}这就是我在main.js中的内容:chrome.app.runtime.onLaunche

javascript - 在 Ember 中更改断开的链接图标

我尝试了一些常规方法来更改损坏的链接图标(见下文),但它们似乎在我的Ember应用程序中不起作用。目前,该模型从外部API获取数据。其中一条数据是链接url。此链接url(product_link)被插入到模板中,具体在此时:这是handlebars{{#each}}循环的一部分。一些链接引用了无效的URL,目前我没有办法自己修复这些URL。我想用我自己的链接替换通用的损坏图标链接。我该怎么做?我尝试过的事情://stillshowsthestandardbrokenimageicon--$('img').error(function(){$(this).attr('src','img

javascript - 在 React.js 中有条件地设置 html 属性

我在为React中的单选按钮组件设置默认选项时出奇地困难。这是我的RadioToggle组件:/**@jsxReact.DOM*/varRadioToggle=React.createClass({render:function(){varself=this;return({this.props.radioset.radios.map(function(radio,i){return({radio.label}{radio.checked?:})})});}});module.exports=RadioToggle;下面是我创建组件的方式:上面的代码可以工作,但我们不喜欢根据radio

javascript - 使用 typescript 使用模板创建 HTML

尝试typescript,我想实现以下目标:使用typescript从服务器获取问题文本和数字并将其显示在某处的DOM中。目前我有以下.ts文件:classQuestionResponse{constructor(publicquestionText,publicquestionNumber){}}functionquestioner(question:QuestionResponse){return'${QuestionText}';}vartestQuestion=newQuestionResponse("Questiontextnumber5",5);//thiswillbere